
/**
 * dom 边框属性Form编辑器, 用Form-Create的对象组件进行生成
 * 数据结构：{ border:{ "color":"#000000","width":"2px","style":"dotted" }}
 */
export const borderEditSchema = {
  type: 'object',
  title: '',
  wrap: {
    labelCol: {span: 0},
    wrapperCol: {span: 24}
  },
  props: {
    rule: [
      // 'elColorPicker'颜色选择器,需要设置props:{showAlpha:true}
      {
        type: 'elColorPicker',
        field: 'color',
        title: '边框颜色',
        props: {showAlpha: true, size: 'small', popperClass: 'color-dropdown'},
        wrap: {
          labelCol: {span: 4},
          wrapperCol: {span: 20}
        }
      },
      {
        type: 'input',
        field: 'width',
        title: '边框粗细',
        wrap: {
          labelCol: {span: 4},
          wrapperCol: {span: 20}
        }
      },
      {
        type: 'select',
        field: 'style',
        title: '边框样式',
        options: [
          {'value': 'dotted', 'label': 'dotted'},
          {'value': 'double', 'label': 'double'},
          {'value': 'dashed', 'label': 'dashed'},
          {'value': 'solid', 'label': 'solid'},
          {'value': 'groove', 'label': 'groove'}
        ],
        wrap: {
          labelCol: {span: 4},
          wrapperCol: {span: 20}
        }
      }
    ]
  }
}
